<!--我的页面-->
<template>
	<view class="mine">
		<!-- 这里是状态栏 -->
		<!-- <view class="status_bar"></view>
		<view> 状态栏下的文字 </view> -->
		<view class="mine-info-manage">
			<view class="person-info" @click.stop="imageDetail($event)">
				<image @click.stop="imageDetail($event)" class="head-img"
					:src="img?img:require('@/static/image/mine/avatar.png')">
				</image>
				<view class="person-info-right">
					<view class="person-info-right-top">
						<view class="person-info-name">
							<view v-if="username" style="max-width: 180rpx;max-height: 80rpx;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{ username }}</view>
							<button v-else class="auth-btn" @click.stop="getuserinfo">点击登录</button>
						</view>
						<view class="person-authentication" v-if="personInfo.is_confirm=='True'">
							<text>已实名</text>
						</view>
						<view @click.stop="goVerifiedPage()" v-if="personInfo ==''||personInfo.is_confirm=='False'"
							class="person-authentication">
							<text>未实名认证</text>
						</view>
						<view style="display: flex;align-items: center;position: absolute;right: 5%;">
							<image class="erwei_code" src="@/static/image/mine/erWei_code.png" @click.stop="imageDetail($event)">
							</image>
							<image class="edit-img" src="@/static/image/mine/more.png" @click.stop="imageDetail($event)"></image>
						</view>
					</view>
					<view class="person-info-right-bottom">
						<text v-if="personInfo.account_type"
							class="person-info-type">{{ personInfo.account_type}}</text>
						<text v-else class="person-info-type">暂无</text>
						<text v-if="personInfo ===''" class="person-info-type" @click.stop="getuserinfo">登录后获取更多内容...</text>
					</view>
				</view>
			</view>
			<view v-if="personInfo.is_vip == true" class="vip-div">
				<view class="vip-item-left">
					<image class="integral-img" src="@/static/image/mine/integral.png"></image>
					<view class="integral-text">积分:{{integralNumber||'0'}}分</view>
				</view>
				<view class="vip-item-right">
					<view class="vip-date">VIP有效期: {{integralDate}}</view>
					<view @click="goIntegra()" class="godetail">去查看</view>
				</view>
			</view>
			<view v-if="personInfo.is_vip != true" class="no-vip-div">
				<view class="vip-item-left">
					<image class="integral-img" src="@/static/image/mine/integral.png"></image>
					<view class="integral-text">积分:{{integralNumber||'0'}}分</view>
					<!-- <view class="godetail">开通会员</view> -->
				</view>
			</view>
		</view>
		<div v-if="personInfo.account_type!=''&&personInfo !=''" class="main_body">
			<div class="main_body_top" style="margin-bottom:20rpx">
				<div class="min_body_cen">
					<div v-for="(item,index) in integralList" :key="index" style="padding:40rpx 20rpx;"
						@click="goIntegra(item,index)">
						<image :src="item.src" mode="" style="width: 100rpx;height: 100rpx;"></image>
						<p style="font-size: 26rpx;">{{item.name}}</p>
					</div>
				</div>
			</div>
			<div class="main_body_top">
				<p class="p" v-if="personInfo.account_type==='工人' ">我的班组</p>
				<p class="p" v-if="personInfo.account_type==='班组长' ">我的项目/班组</p>
				<p class="p" v-if="personInfo.account_type==='劳务企业'||personInfo.account_type==='工程企业' ">我的项目</p>
				<div class="min_body_cen">
					<div v-if="personInfo.account_type==='工人'" v-for="(item,index) in menuList" :key="index"
						style="padding:40rpx 20rpx;" @click="goPage(item,index)">
						<image :src="item.src" mode="" style="width: 100rpx;height: 100rpx;margin-left:10%"></image>
						<p style="font-size: 26rpx;">{{item.name}}</p>
					</div>
					<div v-if="personInfo.account_type==='班组长'" v-for="(item,index) in menuList1" :key="index"
						style="padding:40rpx 20rpx;" @click="goPage(item,index)">
						<image :src="item.src" mode="" style="width: 100rpx;height: 100rpx;"></image>
						<p style="font-size: 26rpx;">{{item.name}}</p>
					</div>
					<div v-if="personInfo.account_type==='劳务企业' " v-for="(item,index) in menuList2" :key="index"
						style="padding:40rpx 20rpx;" @click="goPage(item,index)">
						<image :src="item.src" mode="" style="width: 100rpx;height: 100rpx;"></image>
						<p style="font-size: 26rpx;">{{item.name}}</p>
					</div>
					<div v-if="personInfo.account_type==='工程企业' " v-for="(item,index) in menuList3" :key="index"
						style="padding:40rpx 20rpx;" @click="goPage(item,index)">
						<image :src="item.src" mode="" style="width: 100rpx;height: 100rpx;"></image>
						<p style="font-size: 26rpx;">{{item.name}}</p>
					</div>
				</div>
			</div>
			
			<div class="main_body_bottom">
				<p class="p">
					我的招工/找活
				</p>
				<div class="min_body_cen1">
					<div class="box3 box_3" @click="gotorecruitment" v-if="personInfo !==''&&(personInfo.account_type =='班组长'||personInfo.account_type =='工程企业'||personInfo.account_type=='劳务企业') ">
						<image src="@/static/image/mine/zhaogong.png" mode=""
							style="width: 70rpx;height: 70rpx;"></image>
						<div>我的招工</div>
					</div>
					<div class="box3" @click="gotojob" v-if="personInfo !==''&&(personInfo.account_type =='工人'||personInfo.account_type=='班组长'||personInfo.account_type=='劳务企业') ">
						<image src="@/static/image/mine/zhaohuo.png" mode=""
							style="width: 70rpx;height: 70rpx;"></image>
						<div>我的找活</div>
					</div>
				</div>
			</div>
			<!-- <div class="main_body_bottom"
				v-if="personInfo !==''&&(personInfo.account_type =='班组长'||personInfo.account_type =='工程企业'||personInfo.account_type=='劳务企业') ">
				<p class="p">
					我的招工
				</p>
				<div class="min_body_cen">
					<div class="box1" @click="uploadlist">
						<p>{{postRecruitment||0}}<span>条</span></p>
						<div>已发布</div>
					</div>
					<div class="box2" @click="onuploadlist">
						<p>{{offShelfRecruitment||0}}<span>条</span></p>
						<div>已下架</div>
					</div>
					<div class="box3" @click="upli">
						<image src="@/static/image/mine/zhaogong.png" mode=""
							style="width: 50rpx;height: 50rpx;margin-left: 28%;"></image>
						<div>发布招工</div>
					</div>
				</div>
			</div> -->

			<!-- <div class="main_body_bottom"
				v-if="personInfo !==''&&(personInfo.account_type =='工人'||personInfo.account_type=='班组长'||personInfo.account_type=='劳务企业') ">
				<p class="p">
					我的找活
				</p>
				<div class="min_body_cen">
					<div class="box1" @click="upload">
						<p>{{postFind}}<span>条</span></p>
						<div>已发布</div>
					</div>
					<div class="box2" @click="onupload">
						<p>{{offFind}}<span>条</span></p>
						<div>已下架</div>
					</div>
					<div class="box3" @click="upcl">
						<image src="@/static/image/mine/zhaohuo.png" mode=""
							style="width: 50rpx;height: 50rpx;margin-left: 28%;"></image>
						<div>发布找活</div>
					</div>
				</div>
			</div> -->
		</div>
	</view>

</template>

<script>
	import unipopup from '../../components/uni-popup/uni-popup.vue'
	import unipopupMessage from '../../components/uni-popup-message/uni-popup-message.vue'
	import unipopupDialog from '../../components/uni-popup-dialog/uni-popup-dialog.vue'
	// import {
	// 	getUserInfo
	// } from '@/static/js/api/user.js'
	import request from '@/static/js/request.js'
	import api from '@/static/js/api.js'
	import {
		share
	} from '@/mixins/index.js'
	var self;
	export default {
		mixins: [share],
		components: {
			unipopup,
			unipopupMessage,
			unipopupDialog
		},

		data() {
			return {
				img:'',
				username:'',
				titleHeight: 0, //状态栏和导航栏的总高度
				statusBarHeight: 0, //状态栏高度
				naviBarHeight: 0, //导航栏高度
				imageURL: '../../static/image/mine/bg.jpg',
				dataNum: '',
				socketTask: null,
				integralNumber: '0', //积分
				integralDate: '', //会员时间
				show: false,
				phoneNumber: '',
				postFind: '', //找活发布
				offFind: '', //找活下架
				postRecruitment: '', //招工发布
				offShelfRecruitment: '', //招工下架
				personInfo: {
					
				},
				tipContents: "发布招工信息需要进行实名认证，马上去认证",
				tipContents1: "您已完成实名认证，无需重复办理",
				integralList: [{
						name: "当前积分",
						src: require("@/static/image/mine/currentScore.png"),
						router: "../../pagesB/integral/currentIntegralNumber"
					},
					{
						name: "兑换列表",
						src: require("@/static/image/mine/changeList.png"),
						router: "../../pagesB/integral/changeList"
					}, {
						name: "商品奖券",
						src: require("@/static/image/mine/foodsChange.png"),
						router: "../../pagesB/integral/commodityTickets"
					},
				],
				menuList: [{
						name: "既往班组",
						src: require("@/static/image/mine/mine_group.png"),
						router: "/pages/main/mine/CurrentTeam"
					},
					{
						name: "既往项目",
						src: require("@/static/image/mine/mine_company.png"),
						router: "/pages/main/components/workerProject"
					}, {
						name: "劳务认证学习",
						src: require("@/static/image/mine/current_project.png"),
						router: "/pages/main/components/study"
					},
				],
				//班组长
				menuList1: [{
						name: "我的项目",
						src: require("@/static/image/mine/current_project.png"),
						router: "/pages/main/components/projectlist",
					},
					{
						name: "隶属公司",
						src: require("@/static/image/mine/mine_company.png"),
						router: "/pages/main/mine/Please"
					}, {
						name: "我的班组",
						src: require("@/static/image/mine/mine_group.png"),
						router: "/pages/main/components/classClassList"
					}, {
						name: "我的投标",
						src: require("@/static/image/mine/mine_toubiao.png"),
						router: "/pages/main/components/mineToubiao"
					},
				],
				//劳务企业
				menuList2: [{
						name: "我的项目",
						src: require("@/static/image/mine/current_project.png"),
						router: "/pages/main/components/laborProject"
					},
					{
						name: "班组工人",
						src: require("@/static/image/mine/mine_group.png"),
						router: "/pages/main/components/classlist"
					}, {
						name: "我的投标",
						src: require("@/static/image/mine/mine_toubiao.png"),
						router: "/pages/main/components/mineToubiao"
					},
				],
				//工程企业
				menuList3: [{
						name: "我的项目",
						src: require("@/static/image/mine/current_project.png"),
						router: "/pages/main/components/laborProject"
					},
					{
						name: "既往项目",
						src: require("@/static/image/mine/mine_group.png"),
						router: "../../pagesB/mine/engineering/engineeringClass"
					}, {
						name: "我的招标",
						src: require("@/static/image/mine/mine_toubiao.png"),
						router: "/pages/main/components/mineZhaobiao"
					},
				],
				showloading:true
			}
		},
		onLoad() {
			var that = this
			if (uni.getStorageSync('userInfo')) {
				let uid = JSON.parse(uni.getStorageSync('userInfo')).uid
				that.socketTask = uni.connectSocket({
					url: "ws://39.99.161.175:8009/message",
					success(data) {
						console.log(data, '连接成功')
					},
				});
				that.socketTask.onOpen((res) => {
					that.is_open_socket = true;
					that.socketTask.send({
						data: uid,
						async success(data) {
							console.log(data, '发生成功')
						},
					})
					that.socketTask.onMessage((res) => {
						this.dataNum = JSON.parse(res.data).count
						uni.setStorageSync('dataNum', this.dataNum)
					});
					that.socketTask.onClose((res) => {
						console.log('关闭')
					})
				})
			}
		},
		onShow() {
			if (uni.getStorageSync('userInfo')) {
				this.personInfo = JSON.parse(uni.getStorageSync('userInfo'));
				// if (this.personInfo.is_confirm == 'True') {
				// 	this.integralDetail()
				// 	this.lookingUp()
				// }
				if(this.personInfo.account_type!=''){
					this.integralDetail()
					this.lookingUp()
					this.getimg()
				}
			} else {
				this.personInfo = ''
				this.integralNumber = 0
				this.username = ''
				this.img = ''
				this.showloading=true
				uni.showModal({
					title: '请登录',
					showCancel: true,
					success: (res) => {
						if (!res.confirm) {
							return
						}
						this.getuserinfo()
					}
				})
				// this.getuserinfo()
				// uni.switchTab({
				// 	url: "/pages/main/mine"
				// })
				// uni.removeStorageSync('userInfo')
			}
		},
		methods: {
			getimg(){
				api.personal_information(this.personInfo.access_token,'res.partner', '_api_get_personal_information', this.personInfo.uid,this.personInfo.account_type).then(res=>{
					// console.log(res);
					this.img = res.data.image_1920+'?'+(new Date()).getTime()
					this.username = res.data.name
					uni.setStorageSync('username', res.data.name)
				})
			},
			lookingUp() {
				api.lookingLive('jhj.bidding.unusual', '_api_service_home_list', this.personInfo.access_token, this
					.personInfo.uid,
					this
					.personInfo.partner_id).then(res => {
					if (res.errcode == 1001||res.errcode == 401) {
						uni.clearStorageSync();
					}
					this.postFind = res.data.post_find //找活发布
					this.offFind = res.data.off_find //找活下架
					this.postRecruitment = res.data.post_recruitment //招工发布
					this.offShelfRecruitment = res.data.off_shelf_recruitment //招工下架
				}).catch(e => {})
			},

			imageDetail(event) {
				event.stopPropagation();
				if (uni.getStorageSync('userInfo')) {
					var userinfo = JSON.parse(uni.getStorageSync('userInfo'))
					if(userinfo.account_type!=''){
						let obj = {
							'工人': '../../pagesB/mine/worker/PersonalInformation',
							'班组长': '../../pagesB/mine/worker/PersonalInformation',
							'工程企业': '../../pagesB/mine/company/companyInfo',
							'劳务企业': '../../pagesB/mine/company/companyInfo'
						}
						uni.navigateTo({
							url: obj[this.personInfo.account_type]
						})
					}else{
						uni.navigateTo({
							url: '/pages/main/mine/MineRegisterIdentity'
						})
					}
				} else {
					this.getuserinfo()
				}
			},
			upload() {
				uni.setStorageSync('index', 0)
				uni.navigateTo({
					url: '/pages/main/components/upoload'
				})
			},

			onupload() {
				uni.setStorageSync('index', 1)
				uni.navigateTo({
					url: '/pages/main/components/upoload'
				})
			},

			upcl() {
				if(this.personInfo.is_confirm=='False'){
					uni.showToast({
						icon: 'none',
						title: '请实名认证',
					})
				}else{
					// uni.navigateTo({
					// 	url: '../../pagesB/mine/upclass'
					// })
					uni.navigateTo({
						url: '/pagesB/mine/job/releaseJob'
					})
				}
			},
			upli() {
				if(this.personInfo.is_confirm=='False'){
					uni.showToast({
						icon: 'none',
						title: '请实名认证',
					})
				}else{
					// uni.navigateTo({
					// 	url: '/pages/main/components/uplist'
					// })
					uni.navigateTo({
						url: '/pagesB/mine/recruitment/releaseRecruitment'
					})
				}
			},
			gotorecruitment(){
				if(this.personInfo.is_confirm=='False'){
					uni.showToast({
						icon: 'none',
						title: '请实名认证',
					})
				}else{
					uni.navigateTo({
						url: '/pagesB/mine/recruitment/myRecruitment'
					})
				}
			},
			gotojob(){
				if(this.personInfo.is_confirm=='False'){
					uni.showToast({
						icon: 'none',
						title: '请实名认证',
					})
				}else{
					uni.navigateTo({
						url: '/pagesB/mine/job/myJob'
					})
				}
			},
			uploadlist() {
				uni.setStorageSync('index', 0)
				uni.navigateTo({
					url: '/pages/main/components/uploadlist'
				})
			},

			onuploadlist() {
				uni.setStorageSync('index', 1)
				uni.navigateTo({
					url: '/pages/main/components/uploadlist'
				})
			},
			//认证
			goVerifiedPage() {
				if (uni.getStorageSync('userInfo') == '') {
					uni.showModal({
						title: '请先登录',
						success: (res) => {
							if (res.confirm) {
								this.getuserinfo()
							} else {

							}
						}
					})
					return
				}
				if (uni.getStorageSync('isphone') !== 'true') {
					uni.navigateTo({
						url: '/pages/main/mine/phonenumLogin'
					})
				} else {					
					// uni.navigateTo({
					// 	url: '/pages/main/mine/MineRegisterIdentity'
					// })
					
					if(JSON.parse(uni.getStorageSync('userInfo')).account_type==''){
						uni.navigateTo({
							url: '/pages/main/mine/MineRegisterIdentity'
						})
					}else{
						uni.navigateTo({
							url: '/pages/main/mine/Attestation'
						})
					}
					
				}
			},
			goPage(item, index) {
				uni.navigateTo({
					url: item.router
				})
			},
			//积分页面
			goIntegra(item, index) {
				// uni.showToast({
				// 	icon: 'none',
				// 	title: '功能暂未开放',
				// })
				// return
				uni.navigateTo({
					url: item.router
				})
			},
			//获取
			getuserinfo() {
				if(this.personInfo.account_type==''){
					uni.navigateTo({
						url: '/pages/main/mine/MineRegisterIdentity'
					})
				}else{
					if(this.showloading==true){
						this.showloading = false
						uni.getUserProfile({
							desc: '展示用户信息', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
							success: (res) => {
								this.showloading = true
								uni.login({
									provider: 'weixin',
									success: (loginRes) => {
										let data = {
											code: loginRes.code,
										};
										if(loginRes.code!==''){
											request.post('/wmp', data).then(resp => {
												res.userInfo.openid = resp.data.openid
												res.userInfo.is_confirm = 'False'
												res.userInfo.name = res.userInfo.nickName
												res.userInfo.account_type = ''
												this.personInfo = res.userInfo
												// console.log(this.personInfo)
												uni.setStorageSync('userInfo', JSON.stringify(res
													.userInfo))
												uni.navigateTo({
													url: '/pages/main/mine/phonenumLogin'
												})
											}).catch(e => {
												uni.showToast({
													icon: 'none',
													title: e.message
												})
											})
										}
									},
								})
							},
							fail:res=>{
								this.showloading = true
							}
						})
					}
				}
			},
			//积分详情
			integralDetail() {
				// this.personInfo.uid= 10
				api.lookingLive('member.application', '_api_member_application_read', this.personInfo.access_token, this
						.personInfo.uid, this.personInfo.partner_id)
					.then(res => {
						if (res.errcode == 1001||res.errcode == 401) {
							uni.clearStorageSync();
						}
						this.integralNumber = res.data.integral_number
						this.integralDate = (res.data.member_date)
					}).catch(e => {

					})
			},
		}
	}
</script>
<style lang="less" scoped>
	// .status_bar {
	//         height: var(--status-bar-height);
	//         width: 100%;
	//     }
	.mine {
		// overflow: hidden;
		// height: 100vh;
		background: #F4F5F9;
	}

	.mine-info-manage {
		margin-bottom: 20rpx;
		position: relative;
		width: 100%;

		.person-info {
			padding: 40rpx 0rpx 120rpx 34rpx;
			display: flex;
			width: 100%;
			background-image: url(../../static/image/mine/bg.jpg);
			position: relative;

			.left {
				width: 5%;
				height: 20rpx;
				position: absolute;
				left: 0;
				bottom: -10px;
				background: #C54855;
			}

			.right {}

			.head-img {
				width: 128rpx;
				height: 128rpx;
				border-radius: 50%;
			}

			.person-info-right {
				margin-left: 20rpx;
				// flex: 1;

				.person-info-right-top {
					width: 565rpx;
					font-size: 32rpx;
					font-weight: 500;
					color: #333333;
					line-height: 44rpx;
					margin-bottom: 20rpx;
					display: flex;
					// justify-content: space-around;
					align-items: center;

					.person-authentication {
						font-size: 32rpx;
						font-weight: 400;
						color: #333333;
						width: 190rpx;
						height: 50rpx;
						line-height: 50rpx;
						text-align: center;
						background: linear-gradient(90deg, #F9D69B 0%, #EAD1BF 100%);
						border-radius: 19px;
					}

					.person-info-name {
						color: #FFFFFF;
						font-size: 36rpx;
						margin-right: 10rpx;
						// width: 224rpx;

						button::after {
							border: none;
						}

						.auth-btn {
							padding-left: 0 !important;
							padding-right: 0 !important;
							color: #FFFFFF;
							font-size: 36rpx;
							text-align: left;
							background-color: rgba(0, 0, 0, 0);
							line-height: 40rpx;
							margin-right: 20rpx;
						}
					}

					.erwei_code {
						width: 36rpx;
						height: 36rpx;
						// margin-left: 80rpx;
					}

					.edit-img {
						width: 20rpx;
						height: 30rpx;
						margin-left: 20rpx;
						// margin-top: 5rpx;

					}
				}

				.person-info-right-bottom {
					font-size: 32rpx;
					font-weight: 500;
					color: #FFFFFF;
					line-height: 40rpx;
					position: relative;
					padding: 10rpx;
				}
			}

		}
	}

	.vip-div {
		width: 94%;
		height: 90rpx;
		background: linear-gradient(270deg, #302E3E 0%, #4E4C5A 100%);
		position: absolute;
		z-index: 99999;
		bottom: 0;
		right: 3%;
		border-radius: 20rpx 20rpx 0px 0px;
		display: flex;
		justify-content: space-between;

		.vip-item-left {
			display: flex;
			justify-content: space-between;
			width: 31%;

			.integral-img {
				width: 40rpx;
				height: 50rpx;
				margin-top: 20rpx;
				margin-left: 20rpx;
			}

			.integral-text {
				color: #F9D69B;
				font-size: 32rpx;
				line-height: 90rpx;
			}

		}

		.vip-item-right {
			display: flex;
			justify-content: space-between;
			width: 69%;

			.vip-date {
				color: #FFFFFF;
				font-size: 28rpx;
				line-height: 90rpx;
				margin-left: 30rpx;
			}

			.godetail {
				width: 120rpx;
				height: 40rpx;
				background: linear-gradient(90deg, #F9D69B 0%, #EAD1BF 100%);
				border-radius: 19rpx;
				font-size: 28rpx;
				text-align: center;
				line-height: 40rpx;
				margin-top: 26rpx;
				margin-right: 20rpx;
			}
		}

	}

	.no-vip-div {
		width: 90%;
		height: 90rpx;
		background: linear-gradient(270deg, #302E3E 0%, #4E4C5A 100%);
		position: absolute;
		z-index: 99999;
		bottom: 0;
		right: 5%;
		border-radius: 20rpx 20rpx 0px 0px;

		.vip-item-left {
			.integral-img {
				width: 40rpx;
				height: 50rpx;
				margin-top: 20rpx;
				margin-left: 20rpx;
				float: left;
			}

			.integral-text {
				color: #FFFFFF;
				font-size: 32rpx;
				line-height: 90rpx;
				margin-left: 30rpx;
				float: left;
			}

			.godetail {
				width: 140rpx;
				height: 40rpx;
				background: linear-gradient(90deg, #F9D69B 0%, #EAD1BF 100%);
				border-radius: 19rpx;
				font-size: 28rpx;
				text-align: center;
				line-height: 40rpx;
				margin-top: 26rpx;
				margin-right: 30rpx;
				float: right;
			}

		}
	}

	.main_body_top {
		background-color: #FFFFFF;
		border-radius: 20rpx 20rpx 0 0;

		.p {
			padding: 20rpx 40rpx;
		}


		.min_body_cen {
			display: flex;
			justify-content: space-around;
		}
	}

	.main_body_bottom {
		background-color: #FFFFFF;
		border-radius: 20rpx 20rpx 0 0;
		margin-top: 20rpx;

		.p {
			padding: 20rpx 40rpx;
		}

		.min_body_cen {
			display: flex;
			padding: 40rpx;
			justify-content: space-around;

			.box1 {
				p {
					color: #007AFF;
					font-size: 34rpx;
					font-weight: 600;
					height: 25px;
					line-height: 25px;
				}

				span {
					color: #007AFF;
					font-size: 28rpx;
					padding: 0 10rpx;
				}

				div {
					font-size: 30rpx;
					margin-top: 10rpx;
				}
			}

			.box2 {
				p {
					color: #F0AD4E;
					font-size: 34rpx;
					font-weight: 600;
					height: 25px;
					line-height: 25px;
				}

				span {
					color: #F0AD4E;
					font-size: 28rpx;
					padding: 0 10rpx;
				}

				div {
					font-size: 30rpx;
					margin-top: 10rpx;
				}
			}

			.box3 {
				div {
					font-size: 30rpx;
					color: #007AFF;
					// margin-top: 10rpx;
				}

			}
		}
		
		.min_body_cen1{
			display: flex;
			.box3 {
				width: 144rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
				height: 222rpx;
				padding: 20px 10px;
				margin-left: 44rpx;
				div {
					font-size: 26rpx;
					margin-top: 8rpx;
				}
			}
			.box_3{
				margin-left: 22rpx;
			}
		}
	}

	.authorize {
		background: #FFFFFF;
		border-radius: 8rpx;
		padding: 40rpx 26rpx 44rpx;
		display: flex;
		flex-direction: column;
		align-items: center;

		.auth-icon {
			width: 56rpx;
			height: 66rpx;
			margin-bottom: 12rpx;
			vertical-align: middle;
		}

		.auth-title {
			font-size: 30rpx;
			font-weight: 500;
			color: #333333;
			margin-left: 10px;
		}

		.auth-content {
			font-size: 30rpx;
			font-weight: 600;
			color: #333333;
		}

		.button-group {
			display: flex;
			align-items: center;
			margin-top: 38rpx;
			width: 400rpx;
		}

		.line {

			height: 2rpx;
			background: #EEEEEE;
			width: 100%;
			margin: 22rpx 0;
		}

		.cancel-btn {

			flex: 1;
			// width: 300rpx;
			height: 68rpx;
			color: #3CB371;
			border-radius: 2rpx;
			border: 2rpx solid #3CB371;
			line-height: 68rpx;
			font-size: 28rpx;
			margin-right: 20rpx;

			font-weight: 400;

		}

	}
</style>
